<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>角色管理</title>
    <!-- bootstrap样式 -->
    <script src="../js/jquery-3.4.1.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="../bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="../css/common.css">
    <script src="../js/common.js"> </script>
</head>
<body>
  
    <div class="container">
      <div id="wu-toolbar"><h2>客户列表</h2>
      <div class="wu-toolbar-search">
        <label>客户名称:</label><input id="search-name" class="wu-text" style="width:100px">
        <label>真实姓名:</label><input id="search-realName" class="wu-text" style="width:100px">
        <label>身份证号:</label><input id="search-idCard" class="wu-text" style="width:100px">
        <label>手机号码:</label><input id="search-mobile" class="wu-text" style="width:100px">
        <label>状态:</label>
        <select id="search-status" class="easyui-combobox" panelHeight="auto" style="width:120px">
          <option value="-2">全部</option>
          <option value="0">可用</option>
          <option value="-1">冻结</option>
        </select>
        <a href="#" id="search-btn" class="easyui-linkbutton" iconCls="icon-search">搜索</a>
      </div>
    </div>
        <table class="table table-bordered table-hover ">
            <thead>
                <tr>
                    <th>编号</th>
                    <th>用户头像</th>
                    <th>用户名</th>
                    <th>密码</th>
                    <th>所属角色</th>
                    <th>性别</th>
                    <th>年龄</th>
                    <th>地址</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody>
                <tr class="success">
                    <td>1</td>
                    <td>超级管理员</td>
                    <td>牛逼的管理员</td>
                    <td>超级管理员</td>
                    <td>牛逼的管理员</td>
                    <td>超级管理员</td>
                    <td>牛逼的管理员</td>
                    <td>超级管理员</td>
           
                    <td><button type="button" class="btn btn-link" data-toggle="modal" data-target="#edit-modal">编辑</button>
                      <a href="${pageContext.request.contextPath }/admin/ClsServlet/delcls?id=${cls.id }">删除</a>
                    </td>
                </tr>
                <tr>
                    <td>1</td>
                    <td>超级管理员</td>
                    <td>牛逼的管理员</td>
                    <td>超级管理员</td>
                    <td>牛逼的管理员</td>
                    <td>超级管理员</td>
                    <td>牛逼的管理员</td>
                    <td>超级管理员</td>
           
                    <td><button type="button" class="btn btn-link" data-toggle="modal" data-target="#edit-modal">编辑</button>
                      <a href="${pageContext.request.contextPath }/admin/ClsServlet/delcls?id=${cls.id }">删除</a>
                    </td>
                </tr>
            </tbody>    
        </table>
         <!-- Button trigger modal -->
        <button type="button" class="btn btn-primary add-btn " data-toggle="modal" data-target="#add-modal">添加</button>

        
    </div>
    <!-- Modal 删除班级 -->
    <div class="modal fade" id="del-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          
            <h3  style="padding-top: 10px;padding-bottom: 10px"  id="myModalLabel">删除成功！</h3>
            
              <form class="form-horizontal" id="del-form" action="${pageContext.request.contextPath }/admin/ClsServlet/delcls">
              
                </form>
         
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            <button type="submit" class="btn btn-primary" form="del-form">确定</button>
          </div>
        </div>
      </div>
    </div>

  <!-- Modal 添加学生 -->
  <div class="modal fade" id="add-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title" id="myModalLabel">添加班级信息</h4>
        </div>
        <div class="modal-body">
            <form class="form-horizontal" id="add-form" action="add">
                <div class="form-group">
                  <label for="input-id" class="col-sm-2 control-label">编号：</label>
                  <div class="col-sm-10">
                    <input type="text" class="form-control" id="input-id"  placeholder="请输入班级编号号">
                  </div>
                </div>
                <div class="form-group">
                  <label for="input-name" class="col-sm-2 control-label">名称：</label>
                  <div class="col-sm-10">
                    <input type="password" class="form-control" id="input-name" placeholder="请输入班级名称">
                  </div>
                </div>
                <div class="form-group">
                    <label for="input-addr" class="col-sm-2 control-label">教室：</label>
                    <div class="col-sm-10">
                      <input type="password" class="form-control" id="input-addr" placeholder="请输入班级教室">
                    </div>
                  </div>
 
              </form>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
          <button type="submit" class="btn btn-primary" form="add-form">保存</button>
        </div>
      </div>
    </div>
  </div>
<!-- Modal 编辑学生 -->
  <div class="modal fade" id="edit-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title" id="myModalLabel">编辑班级信息</h4>
        </div>
        <div class="modal-body">
            <form class="form-horizontal" id="edit-form" action="edit">
                <div class="form-group">
                  <label for="input-id" class="col-sm-2 control-label">编号：</label>
                  <div class="col-sm-10">
                    <input type="text" class="form-control" id="input-id" value="1" disabled>
                  </div>
                </div>
                <div class="form-group">
                  <label for="input-name" class="col-sm-2 control-label">名称：</label>
                  <div class="col-sm-10">
                    <input type="password" class="form-control" id="input-name" placeholder="请输入班级名称">
                  </div>
                </div>
                <div class="form-group">
                    <label for="input-addr" class="col-sm-2 control-label">教室：</label>
                    <div class="col-sm-10">
                      <input type="password" class="form-control" id="input-addr" placeholder="请输入班级教室">
                    </div>
                  </div>

 
              </form>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
          <button type="submit" class="btn btn-primary" form="edit-form">保存</button>
        </div>
      </div>
    </div>
  </div>

 
    
</body>
</html>